<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="/static/dist/css/index.css" th:href="@{/dist/css/index.css}">
    <link rel="stylesheet" href="/static/dist/css/reset.css" th:href="@{/dist/css/reset.css}">
    <link rel="stylesheet" href="/static/dist/font/iconfont.css" th:href="@{/dist/font/iconfont.css}" >
    
</head>

<body>
    <div class="menu">
        <div class="menu-cen">
            <span class="iconfont icon-index"></span>
            <a href="/tmall/index">天猫首页</a>
            <p>喵，欢迎来天猫国际</p>
            <i id="tui"><a href="../login.html" id="ming">请登录</a></i>
            <ul class="menu-you">
                <li class="yi"><a>我的淘宝</a>
                    <div>
                        <a href="">已买到的宝贝</a>
                        <a href="">已卖出的宝贝</a>
                    </div>
                </li>
                <li>
                    <span class="iconfont icon-gouwuche"></span>
                    <a href="../cart.html">购物车</a>
                </li>
                <li class="yi"><a href="">收藏夹</a>
                    <div>
                        <a href="">收藏的宝贝</a><br>
                        <a href="">收藏的店铺</a>
                    </div>
                </li>
                <li><a href="">淘宝网</a></li>
                <li class="er"><a>商家支持</a>
                    <div>
                        <ul>
                            <li>
                                <h3>商家：</h3>
                                <a href="">商家中心</a>
                                <a href="">天猫规则</a>
                                <a href="">商家入驻</a>
                                <a href="">运营服务</a>
                                <a href="">商家工具</a>
                                <a href="">商家规则</a>
                                <a href="">天猫智库</a>
                                <a href="">喵言喵语</a>
                            </li>
                            <li>
                                <h3>帮助：</h3>
                                <a href="">帮助中心</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 搜索 -->
    <div class="sou">
        <img src="../img/tianmao.gif" alt="" class="yi">
        <img src="../img/zi2.png" alt="" class="er">
        <form method="get" action="/tmall/seek">
            <input type="text" class="sou-kuang" name="seekName" placeholder="  搜索 天猫 商品/品牌/店铺">
            <input type="submit" value="搜索" class="sou-btn">
        </form>
    </div>

    <!-- 轮播区 -->
    <div class="lunbopu">
        <div class="lb-menu">
            <div class="lb-yi">
                <p>全部商品分类</p>
            </div>
            <a href="" class="lb-er">首页</a>
            <a href="" class="lb-san">全球精选</a>
            <a href="list.html" class="lb-si">进列表页</a>
            <a href="../deta.html" class="lb-wu">关于我们</a>
        </div>
        <div class="lb-da-wrap" >
            <div class="lb-da">
                <div class="lb-da-biao">
                    <ul class="lb-da-dh">
                        <li>
                            <span class="iconfont icon-meizhuanggehu1"></span>
                            <h3>美妆个护</h3><br>
                            <div class="lb-da-dh-a">
                                <a href="">面膜</a> /
                                <a href="">防晒</a> /
                                <a href="">面部护理套装</a>
                            </div>
                            <div class="lb-tc">
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-shipinbaojianpinxe6be
                        "></span>
                            <h3>食品保健</h3><br>
                            <div class="lb-da-dh-a">
                                <a href="">代餐奶昔</a> /
                                <a href="">酵素</a> /
                                <a href="">葡萄酒</a>
                            </div>
                            <div class="lb-tc">
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-muyingyongpin"></span>
                            <h3>母婴用品</h3><br>
                            <div class="lb-da-dh-a">
                                <a href="">奶粉</a> /
                                <a href="">纸尿裤</a> /
                                <a href="">锌铁钙</a>
                            </div>
                            <div class="lb-tc">
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-bag_icon"></span>
                            <h3> 服饰鞋包</h3><br>
                            <div class="lb-da-dh-a">
                                <a href="">手表</a> /
                                <a href="">运动鞋</a> /
                                <a href="">箱包</a>
                            </div>
                            <div class="lb-tc">
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-xiangji"></span>
                            <h3>生活/数码</h3><br>
                            <div class="lb-da-dh-a">
                                <a href="">滤水壶/滤芯</a> /
                                <a href="">扫地机器人</a> /
                                <a href="">保健</a>
                            </div>
                            <div class="lb-tc">
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                                <div class="yi">
                                    <h3>美妆护肤</h3>
                                    <a href="">保湿补水</a>
                                    <a href="">洁面</a>
                                    <a href="">乳液/面霜</a>
                                    <a href="">化妆水/爽肤水</a>
                                    <a href="">面部护理套装</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部精华</a>
                                    <a href="">面部</a>
                                    <a href="">磨砂/去角质/按摩</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 轮播 -->
                <div class="lb-t" id="sliderBox">
                    <ul id="sliderList">
                        <li><img src="../img/lun1.jpg"></li>
                        <li><img src="../img/lun2.jpg"></li>
                        <li><img src="../img/lun3.jpg"></li>
                        <li><img src="../img/lun1.jpg"></li>
                    </ul>
                    <div id="btn">
                        <span>&lt;</span>
                        <span>&gt;</span>
                    </div>
                    <ul id="numList">
                        <li class="hover"></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>

                <div class="lb-you">
                    <div class="lb-you-yi">
                        <span>挑货</span>
                        <h2>Pick UP</h2>
                        <img src="../img/quxain.jpg" alt="">
                    </div>
                    <p class="img">
                        <img src="../img/ma.jpg" alt="">
                    </p>
                    <h4>挑遍全球好物</h4>
                    <p>从源头开始严格把关确保100%正品！</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 精选 -->
    <div class="jx-t">
        <img src="../img/jingxuan.jpg" alt="">
        <div class="jx-t-g">
            <a href="">更多</a>
            <span class="iconfont icon-up"></span>
        </div>
        <p>/*点击下方5个图片可进入详情页*/</p>
    </div>
    <div class="jx-n-wrap">
        <div class="jx-n" id="jx-n">
            <div class="jx-n-yi" th:each="product:${pageInfo.getList()}">
                <div class="img">
                    <a href="deta.html" th:href="@{/tmall/deta(id = ${product.getId()})}" th:if="${product.getId() == img.getProductId()}"  th:each="img:${imgs}" class="tiao"> <img th:src="${img.getUrl()}" src="../img/zst.jpg" alt="" /> </a>
                </div>
                <div class="jies">
                    <span th:text="${product.getSeller()}">海外品牌</span>
                    <h3 th:text="${product.getName()}">资生堂Fino浸透美容液2瓶装</h3>
                    <p th:text="${product.getSubTitle()}">配方温和,快速上色,15款颜色</p>
                </div>
                <div class="left">
                    <span class="rmb">￥</span>
                    <span class="jia" th:text="${product.getPromotePrice()}">102</span>
                    <span class="yj" th:text="${product.getOriginalPrice()}">￥3090.00</span>
                    <span class="ys" th:text="${product.getReviewCount()}">已售10件</span>
                </div>
                <div class="qi">
                    <a href="deta.html" th:href="@{/tmall/deta(id = ${product.getId()})}" class="qiang">马上抢</a>
                </div>
            </div>
        </div>
    </div>

    <!--美妆  -->
    <div class="mz-t" id="mingming">
        <img src="../img/meizhuang.jpg" alt="">
    </div>
    <div class="mz-xx-wrap">
        <div class="mz-xx">
            <div class="lieb">
                <h3>最热HOT</h3>
                <ul>
                    <li><a href="">口红</a></li>
                    <li><a href="">香水</a></li>
                    <li><a href="">雪花秀</a></li>
                    <li><a href="">爱丽小屋</a></li>
                    <li><a href="">面霜</a></li>
                    <li><a href="">气垫</a></li>
                    <li><a href="">迪奥</a></li>
                    <li><a href="">眼霜</a></li>
                    <li><a href="">洗面奶</a></li>
                    <li><a href="">防晒霜</a></li>
                    <li><a href="">香奈儿</a></li>
                    <li><a href="">悦诗风吟</a></li>
                    <li><a href="">眼霜</a></li>
                </ul>
            </div>

            <div class="ping">
                <a href=""><img src="../img/ping.jpg" alt=""></a>
            </div>
            <div class="zhong">
                <div class="zhong-t">
                    <div class="zhong-t-yi">
                        <div>
                            <p>零毛孔细致化妆水</p>
                        </div>
                        <span class="rem">￥</span>
                        <i>119.9</i>
                        <span class="rem-q">￥130</span>
                        <img src="../img/shui.jpg" alt="">
                    </div>
                    <div class="zhong-t-er">
                        <img src="../img/fen.jpg" alt="">
                        <p>化妆粉扑双只装</p>
                        <span class="rem">￥</span>
                        <i>88</i>
                        <span class="rem-q">￥103</span>
                    </div>
                </div>
                <div class="zhong-d" id="zd">
                    <div class="zhong-d-yi">
                        <img src="../img/fen.jpg" alt="">
                        <p>化妆粉扑双只装</p>
                        <span class="rem">￥</span>
                        <i>88</i>
                        <span class="rem-q">￥103</span>
                    </div>
                    <div class="zhong-d-yi">
                        <img src="../img/fen.jpg" alt="">
                        <p>化妆粉扑双只装</p>
                        <span class="rem">￥</span>
                        <i>88</i>
                        <span class="rem-q">￥103</span>
                    </div>
                    <div class="zhong-d-yi">
                        <img src="../img/fen.jpg" alt="">
                        <p>化妆粉扑双只装</p>
                        <span class="rem">￥</span>
                        <i>88</i>
                        <span class="rem-q">￥103</span>
                    </div>
                </div>
            </div>
            <div class="shangbiao">
                <div class="sb-z">
                    <span>BRAND</span>
                    <i>美容护肤热卖品牌</i>
                </div>
                <div class="sb-t"> 
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                    <div class="sb-t-z">
                        <img src="../img/shangbiao.jpg" alt="">
                        <p>韩国LG旗下彩妆</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 分类 -->
    <div class="fl-wrap">
        <div class="fl" >
            <div class="fl-yi">
                <h3>美妆个护</h3>
                <div>
                    <a href="">身体乳</a>
                    <a href="">粉底液</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                </div>
            </div>
            <div class="fl-yi">
                <h3>美妆个护</h3>
                <div>
                    <a href="">身体乳</a>
                    <a href="">粉底液</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                </div>
            </div>
            <div class="fl-yi">
                <h3>美妆个护</h3>
                <div>
                    <a href="">身体乳</a>
                    <a href="">粉底液</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                </div>
            </div>
            <div class="fl-yi">
                <h3>美妆个护</h3>
                <div>
                    <a href="">身体乳</a>
                    <a href="">粉底液</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                </div>
            </div>
            <div class="fl-yi">
                <h3>美妆个护</h3>
                <div>
                    <a href="">身体乳</a>
                    <a href="">粉底液</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                    <a href="">BB霜</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="di-wrap">
        <div class="di">
            <div class="di-s">
                <div class="yi">
                    <img src="../img/tian.png" alt="">
                    <p>工作时间：09:00 - 24:00 (周一到周日)</p>
                    <span class="iconfont icon-kefu">  买家在线咨询</span><br>
                    <span class="iconfont icon-duihua">  问题反馈</span>
                </div>
                <div class="er">
                    <img src="../img/er.png" alt="">
                    <p>扫一扫，品质在手</p>
                </div>
                <div class="san">
                    <ul>
                        <li>
                            <h3>服务保障</h3>
                            <a href="">正品保障</a><br>
                            <a href="">正品保障</a><br>
                            <a href="">正品保障</a><br>
                            <a href="">正品保障</a><br>
                            <a href="">正品保障</a><br>
                        </li>
                        <li>
                            <h3>消费者指南</h3>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                        </li>
                        <li>
                            <h3>支付方式</h3>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">支付宝快捷支付</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">天猫国际交易汇率</a><br>
                        </li>
                        <li>
                            <h3>商家支持</h3>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">支付宝快捷支付</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                            <a href="">新手入门</a><br>
                        </li>
                    </ul>
                </div>
                
            </div>
            <div class="di-x">
                <a href="">阿里巴巴集团 </a>
                <a href="">淘宝网  </a>
                <a href="">天猫  </a>
                <a href="">聚划算  </a>
                <a href="">全球速卖通   </a>
                <a href="">阿里巴巴国际交易市场   </a>
                <a href="">1688   </a>
                <a href="">阿里妈妈   </a>
                <a href="">去啊   </a>
                <a href="">阿里云计算 </a>
                <a href="">AliOS  </a>
                <a href="">阿里通信  </a>
                <a href="">万网  </a>
                <a href="">高德 </a>
                <a href="">优视  </a>
                <a href="">友盟 </a>
                <a href="">酷盘 </a>
                <a href="">虾米  </a>
                <a href="">天天动听 </a>
                <a href="">来往  </a>
                <a href="">支付宝 </a>
                <a href="">钉钉 </a>
                <p>© 2013-现在 Taobao China Holding Limited. 版权所有
                    <a href="">隐私权政策</a>
                    <a href="">用户服务协议</a>
                    <a href="">条款规定</a>
                </p>
            </div>
        </div>
    </div>
    
    <!-- 侧边 -->
    <div class="cb" id="cb">
        <ul class="yi">
            <li>
                <span class="iconfont icon-meizhuanggehu"></span>
                <a href="#mingming">美容护肤</a>
            </li>
            <li>
                <span class="iconfont icon-meizhuanggehu1"></span>
                <i>美容护肤</i>
            </li>
            <li>
                <span class="iconfont icon-meizhuanggehu"></span>
                <i>美容护肤</i>
            </li>
            <li>
                <span class="iconfont icon-meishi"></span>
                <i>美容护肤</i>
            </li>
            <li>
                <span class="iconfont icon-shipinbaojianpinxe6be"></span>
                <i>美容护肤</i>
            </li>
            <li>
                <span class="iconfont icon-qunzi"></span>
                <i>美容护肤</i>
            </li>
            <li>
                <span class="iconfont icon-icon1460357101473"></span>
                <i>美容护肤</i>
            </li>
        </ul>
        <ul class="er"> 
            <li>
                <span class="iconfont icon-xiangshangjiantou"></span>
                <i id="ding">回到顶部</i>
            </li>
            <li>
                <span class="iconfont icon-duihua"></span>
                <i>意见反馈</i>
            </li>
            <li>
                <span class="iconfont icon-start"></span>
                <i>收藏本页</i>
            </li>
            <li>
                <span class="iconfont icon-kefu"></span>
                <i>在线客服</i>
            </li>
        </ul>

    </div>
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../js/startMove.js"></script>
    <script src="../js/index.js"></script>
    <script>
        var ocb = document.getElementById("cb");
        var oding = document.getElementById("ding");
        window.onscroll = function(){
            var t1 = document.documentElement.scrollTop || document.body.scrollTop;
            if(t1>=200){
                ocb.style.display = "block";
                
            }else{
                ocb.style.display = "none";
            }
        }
        oding.onclick = function(){
            document.documentElement.scrollTop = 0;
            document.body.scrollTop = 0;
        }
        
    </script>
</body>

</html>